<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <title>登录页面 - 自习室后台管理系统</title>
    <link rel="icon" href="favicon.ico" type="image/ico">
    <meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
    <meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
    <meta name="author" content="yinqi">
    <link href="./static/css/bootstrap.min.css" rel="stylesheet">
    <link href="./static/css/materialdesignicons.min.css" rel="stylesheet">
    <link href="./static/css/style.min.css" rel="stylesheet">
    <style>
        .form-group {
            margin-bottom: 23px;
        }
        
        input {
            background-color: transparent;
        }
        
        .lyear-wrapper {
            position: relative;
        }
        
        .lyear-login {
            display: flex !important;
            min-height: 100vh;
            align-items: center !important;
            justify-content: center !important;
        }
        
        .lyear-login:after {
            content: '';
            min-height: inherit;
            font-size: 0;
        }
        
        .login-center {
            background-color: rgba(255, 255, 255, .075);
            min-width: 46rem;
            padding: 2.14286em 3.57143em;
            border-radius: 3px;
            margin: 2.85714em;
        }
        
        .login-header {
            margin-bottom: 1.5rem !important;
        }
        
        .login-center .has-feedback.feedback-left .form-control {
            padding-left: 38px;
            padding-right: 12px;
            background-color: rgba(255, 255, 255, .075);
            border-color: rgba(255, 255, 255, .075)
        }
        
        .login-center .has-feedback.feedback-left .form-control-feedback {
            left: 0;
            right: auto;
            width: 38px;
            height: 38px;
            line-height: 38px;
            z-index: 4;
            color: #dcdcdc;
        }
        
        .login-center .has-feedback.feedback-left.row .form-control-feedback {
            left: 15px;
        }
        
        .login-center .form-control::-webkit-input-placeholder {
            color: rgba(255, 255, 255, .8);
        }
        
        .login-center .form-control:-moz-placeholder {
            color: rgba(255, 255, 255, .8);
        }
        
        .login-center .form-control::-moz-placeholder {
            color: rgba(255, 255, 255, .8);
        }
        
        .login-center .form-control:-ms-input-placeholder {
            color: rgba(255, 255, 255, .8);
        }
        
        .login-center .custom-control-label::before {
            background: rgba(0, 0, 0, 0.3);
            border-color: rgba(0, 0, 0, 0.1);
        }
        
        .login-center .lyear-checkbox span::before {
            border-color: rgba(255, 255, 255, .075)
        }
    </style>
</head>

<body>
    <div class="row lyear-wrapper" style="background-image: url(./static/images/login-bg-3.jpg); background-size: cover;">
        <div class="lyear-login">
            <div class="login-center">
                <div class="login-header text-center">
                    <a href="index.html"> <img alt="light year admin" src="./static/images/logo.png"> </a>
                </div>
                <form action="#!" method="post">
                    <div class="form-group has-feedback feedback-left">
                        <input type="text" placeholder="请输入您的用户名" class="form-control" name="username" id="username" />
                        <span class="mdi mdi-account form-control-feedback" aria-hidden="true"></span>
                    </div>
                    <div class="form-group has-feedback feedback-left">
                        <input type="password" placeholder="请输入密码" class="form-control" id="password" name="password" />
                        <span class="mdi mdi-lock form-control-feedback" aria-hidden="true"></span>
                    </div>
                    <div class="form-group">
                        <button class="btn btn-block btn-primary login-btn" type="button">立即登录</button>
                    </div>
                    <div class="alert alert-danger error" style="display: none;">账号或密码错误</div>
                </form>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="./static/js/jquery.min.js"></script>
    <script type="text/javascript" src="./static/js/bootstrap.min.js"></script>
    <script type="text/javascript">
        ;
    </script>


    <script>
        $(".login-btn").click(function() {
            var username = $("#username").val()
            var password = $("#password").val()
                //存储到本地
                // localStorage.setItem("name", "value");

            // $.post("http://localhost:8000/api/login",{
            //   "adminID":username,
            //   "adminPwd":password
            // },function(result){
            //             console.log(result);
            //             // if(result.success){
            //             //     if (result.identity == "student"){
            //             //         location.href = "/student";
            //             //     }else if(result.identity == "teacher"){
            //             //         location.href = "/teacher";
            //             //     }else if(result.identity == "manager"){
            //             //         location.href = "/manager";
            //             //     }
            //             //     // else if (result.identity == "admin"){
            //             //     //     location.href = "/admin";
            //             //     // }

            //             // }else{
            //             //     layer.msg("用户名或密码错误");
            //             // }
            //         },"json")

            $.ajax({
                type: "post",
                dataType: "JSON",
                // async:false,
                // contentType : "application/json",
                data: {
                    "adminID": username,
                    "adminPwd": password
                },


                url: "http://localhost:8080/api/login",
                success: function(result) {
                    console.log(result);

                    if (result.status == "登录成功") {
                        console.log(result);
                        // //判断权限
                        // if(result.power == "1"){

                        // }
                        $(".error").css("display", "none")
                            // this.$router.push({
                            //   path:"/",
                            //   query:{
                            //     "adminID":username
                            //   }
                            // })
                        location.href = "/index.html"
                            // location.href = "./src/components/customer_table"
                    } else {
                        $(".error").css("display", "block")
                    }
                },
                error: function(result) {
                    console.log(result)

                    // location.href="/index.html"
                }
            })
        })
    </script>
</body>

</html>